<template>
	<div class="homeContainer">
		<h1>Hi~欢迎访问我的项目!</h1>
		<h4 class="mt5">这是一个由Vue3和NodeJs搭建的基于RBAC权限后台管理系统，以下是具体的技术清单~</h4>

		<el-divider></el-divider>

		<div class="flex">
			<h1>前端：</h1>
			<el-tag class="mr5" type="primary">Vue3</el-tag>
			<el-tag class="mr5" type="primary">ElementPlus</el-tag>
		</div>

		<div class="mt5 flex">
			<h1>后端：</h1>
			<el-tag class="mr5" type="primary">NodeJs</el-tag>
			<el-tag class="mr5" type="primary">Mongoose</el-tag>
		</div>

		<el-divider></el-divider>

		<h1>如果您有任何问题, 欢迎与我交流~</h1>
		<h4 class="mt5">VX：yyy_03364 | QQ：325938399</h4>

		<el-divider></el-divider>

		<h1>欢迎您与我一起完善此项目~</h1>
	</div>
</template>

<script setup></script>

<style scoped lang="scss">
.homeContainer {
	.mt5 {
		margin-top: 5px;
	}
	.mr5 {
		margin-right: 5px;
	}

	.flex {
		display: flex;
		align-items: center;
	}
}
</style>
